<div id="" class="formio-component formio-component-form  formio-component-label-hidden" ref="component">
  <div class="formio-form" ref="webform" novalidate>
    <div id="outside" class="formio-form-group has-feedback formio-component formio-component-textfield formio-component-outside " ref="component">
      <label ref="label" class="col-form-label " for="outside-outside" id="l-outside-outside">
        Outside
      </label>
      <div ref="element">
        <input ref="input" name="data[outside]" type="text" class="form-control" lang="en" spellcheck="true" value="" id="outside-outside" aria-labelledby="l-outside-outside " aria-required="false"></input>
      </div>
      <div ref="messageContainer" class="formio-errors invalid-feedback"></div>
    </div>
    <div id="panel" class="formio-component formio-component-panel formio-component-panel " ref="component">
      <div class="mb-2 card border">
        <div class="card-header bg-default" role="button" aria-expanded="true" aria-controls="panel-panel" ref="header">
          <span class="mb-0 card-title ">
      Panel
    </span>
        </div>
        <div class="card-body" ref="nested-panel" id="panel-panel">
          <div id="textField" class="formio-form-group has-feedback formio-component formio-component-textfield formio-component-textField " ref="component">
            <label ref="label" class="col-form-label " for="textField-textField" id="l-textField-textField">
              Text Field
            </label>
            <div ref="element">
              <input ref="input" name="data[textField]" type="text" class="form-control" lang="en" spellcheck="true" value="" id="textField-textField" aria-labelledby="l-textField-textField " aria-required="false"></input>
            </div>
            <div ref="messageContainer" class="formio-errors invalid-feedback"></div>
          </div>
        </div>
      </div>
      <div ref="messageContainer" class="formio-errors invalid-feedback"></div>
    </div>
    <div id="panel1" class="formio-component formio-component-panel formio-component-panel1 " ref="component">
      <div class="mb-2 card border">
        <div class="card-header bg-default" role="button" aria-expanded="true" aria-controls="panel1-panel1" ref="header">
          <span class="mb-0 card-title ">
      Panel
    </span>
        </div>
        <div class="card-body" ref="nested-panel1" id="panel1-panel1">
          <div id="textField1" class="formio-form-group has-feedback formio-component formio-component-textfield formio-component-textField1 " ref="component">
            <label ref="label" class="col-form-label " for="textField1-textField1" id="l-textField1-textField1">
              Text Field 1
            </label>
            <div ref="element">
              <input ref="input" name="data[textField1]" type="text" class="form-control" lang="en" spellcheck="true" value="" id="textField1-textField1" aria-labelledby="l-textField1-textField1 " aria-required="false"></input>
            </div>
            <div ref="messageContainer" class="formio-errors invalid-feedback"></div>
          </div>
        </div>
      </div>
      <div ref="messageContainer" class="formio-errors invalid-feedback"></div>
    </div>
  </div>
  <div ref="messageContainer" class="formio-errors invalid-feedback"></div>
</div>